<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div {
            width: 300px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <script>
        //math对象的案例
        // function MyMath(){
        //     this.getMax=function(){
        //         var max =arguments[0];
        //         for(var i=0;i<arguments.length;i++){
        //             if(max<arguments[i]){
        //                 max=arguments[i];
        //             }
        //         }
        //         return max;
        //     }
        // }    
        // var mt=new MyMath();
        // var result=mt.getMax(1,2,35,12,9);
        // console.log(result); 

        //随机产生一个十六进制的颜色

        //     function getColor() {
        //         var str = "#";
        //         var arr = ["0", "1", "2", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]
        //         for (var i = 0; i < 6; i++) {
        //             var num = parseInt(Math.random() * 16);
        //             str += arr[num];
        //         }
        //         return str;
        //     }
        //     window.onload = function () {
        //         document.getElementById("dv").style.backgroundColor = getColor2();
        // };




        //Date案例

        // var dt=new Date();
        // console.log(dt);

        // var dt1=Date.now();
        // console.log(dt1);


        // var dt =new Date();
        // //获取年份
        // console.log(dt.getFullYear());
        // //获取月份
        // console.log(dt.getMonth()+1);
        // //获取日期
        // console.log(dt.getDate());
        // //获取小时
        // console.log(dt.getHours());
        // //获取分钟
        // console.log(dt.getMinutes());
        // //获取秒
        // console.log(dt.getSeconds());
        // //获取星期
        // console.log(dt.getDay());



        // dt.getFullYear();
        // dt.getDate();
        // dt.getHours();
        // dt.getMonth();
        // dt.getSeconds();


        //格式化后的指定格式的日期和时间-----封装一个函数
        // function getDate(){
        //     var dt =new Date();
        //     var year=dt.getFullYear();
        //     var month=dt.getMonth()+1;
        //     var day=dt.getDate();
        //     var hour=dt.getHours();
        //     var minute=dt.getMinutes();
        //     var second=dt.getSeconds();
        // return year +"年"+month+"月"+day+"日"+hour + ":" + minute + ":" + second;
        // }
        // console.log(getDate(new Date()));



        //字符串String的方法：
        // var str = " Hello ni hao ma ";
        // console.log(str.length);

        // console.log(String.fromCharCode(65));
        // console.log(str.indexOf("a"));
        // console.log(str.lastIndexOf("a"));
        // console.log(str.replace("h", "m"));
        // console.log(str.slice(2, 15));
        // console.log(str.split(" ", 3));
        // console.log(str.substr(2, 9));
        // console.log(str.substring(6, 12))
        // console.log(str.toLowerCase()); //转小写
        // console.log(str.toUpperCase()); //转大写
        // console.log(str.trim());
        /*
             * 字符串的常用属性:
             * .length------>字符串的长度
             * .charAt(索引),返回值是指定索引位置的字符串,超出索引,结果是空字符串
             * .fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值
             * .concat(字符串1,字符串2,...);返回的是拼接之后的新的字符串
             * .indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值,没找到则返回-1
             * .lastIndexOf(要找的字符串);从后向前找,但是索引仍然是从左向右的方式,找不到则返回-1
             * .replace("原来的字符串","新的字符串");用来替换字符串的
             * .slice(开始的索引,结束的索引); 从索引5的位置开始提取,到索引为10的前一个结束,没有10，并返回这个提取后的字符串
             * .split("要干掉的字符串",切割后留下的个数);切割字符串
             * .substr(开始的位置,个数);返回的是截取后的新的字符串
             * .substring(开始的索引,结束的索引),返回截取后的字符串,不包含结束的索引的字符串
             * .toLocaleLowerCase();转小写
             * .toLowerCase();转小写
             * .toLocaleUpperCase()转大写
             * .toUpperCase();转大写
             * .trim();干掉字符串两端的空格

        */

        /*

        Array.isArray(对象)------>判断这个对象是不是数组
        数组1.contact(数组2，数组3，数组4……)------>拼接数组变成一个新数组
        .every(function(ele，index，arr){return...})--返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值，第二个参数是索引值,第三个参数是原来的数组(没用)
          如果这个数组中的每个元素的值都符合条件,最后才返回的是true
        .filter(function(ele，index，arr){return...});返回的是数组中每一个元素都复合条件的元素,组成了一个新的数组
        .push（值）-----把值追加到数组中
        .pop（）-------删除数组中最后一个元素，返回删除后的该数组
        .shift（）-----删除数组的第一个元素，返回删除后的该数组
        .unshift（值）-----在数组的第一个元素前插入一个新的元素
        .foreach（函数）-----遍历数组中的所有元素
        .indexof（元素值）-----返回的是索引值，没有找到就是-1；
        .join("字符串");----返回的是一个字符串
        .map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
        .reverse();----->反转数组
        .sort();---排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码
        .arr.slice(开始的索引,结束的索引);把截取的数组的 值放在一个新的数组中,但是不包含结束的索引对应的元素值
        .splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素


        */
        //数组Array
        // var obj = [];
        // console.log(Array.isArray(obj));

        // var arr1=["a","b","c"];
        // var arr2=["d","e","f"];
        // console.log(arr1.concat(arr2));

        var arr=['10','20','13','50']
    </script>
</body>

</html>